<!DOCTYPE html>
<html lang="en">
<head>

<!-- meta tags -->
<meta charset="utf-8">
<meta name="keywords" content="bootstrap 4, premium, multipurpose, ecommerce, html5, CSS" />
<meta name="description" content="Bootstrap 4 Landing Page Template" />
<meta name="author" content="www.themesground.com" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<!-- Title -->
<title></title>

    <!-- Favicon Icon -->
    <link rel="shortcut icon" href="assets/images/pagepig.ico" />

    <!-- inject css start -->

    <link href="assets/css/theme-plugin.css" rel="stylesheet" />
    <link href="assets/css/theme.min.css" rel="stylesheet" />

    <!-- inject css end -->

</head>

<body>

<!-- page wrapper start -->

<div class="page-wrapper">

    <!-- preloader start -->

    <div id="ht-preloader">
        <div class="loader clear-loader"> <img class="img-fluid" src="assets/images/loader.gif" alt=""> </div>
    </div>

    <!-- preloader end -->

    <!--header start-->

    <header class="site-header header-1">

        <div id="header-wrap">
            <div class="container">
                <div class="row">
                    <!--menu start-->
                    <div class="col">
                        <nav class="navbar navbar-expand-lg navbar-light position-static">
                            <a style="width: 64px;height: 64px;" href="index.html"> <img class="img-fluid" src="assets/images/pplogo.png" alt=""> </a>
                            <a class="navbar-brand logo" href="index.html"> <img class="img-fluid" src="assets/images/logo001.png" alt=""> </a>
                            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
                            <div class="collapse navbar-collapse" id="navbarNav">
                                <ul class="navbar-nav ml-auto mr-auto">

                                    <li class="nav-item dropdown position-static"> <a class="nav-link dropdown-toggle" href="#" style="color: red;">猪肉分类</a>
                                        <div class="dropdown-menu w-100">
                                            <!-- Tabs -->
                                            <div class="container p-0">
                                                <div class="row w-100 no-gutters">
                                                    <div class="col-lg-8 p-lg-3">
                                                        <div class="row">
                                                            <div class="col-12 col-md-3 col-sm-6">
                                                                <!-- Heading -->

                                                                <!-- Heading -->
                                                                <div class="mb-2 font-w-5 text-link">300天喂养</div>
                                                                <!-- Links -->
                                                                <ul class="list-unstyled mb-6 mb-md-0">
                                                                    <li> <a href="#">Caps &amp; Hats</a> </li>
                                                                    <li> <a href="#">Gloves &amp; Arm Warmers</a></li>
                                                                    <li> <a href="#">测试</a></li>
                                                                    <li> <a href="#">测试</a></li>
                                                                    <li> <a href="#">测试</a></li>
                                                                    <li> <a href="#">测试</a></li>
                                                                    <li> <a href="#">测试</a></li>
                                                                    <li> <a href="#">测试</a></li>
                                                                    <li> <a href="#">测试 测试</a></li>
                                                                    <li> <a href="#">测试</a></li>
                                                                </ul>
                                                            </div>
                                                            <div class="col-12 col-md-3 col-sm-6">
                                                                <!-- Heading -->
                                                                <div class="mb-2 font-w-5 text-link">特色黑猪</div>
                                                                <!-- Links -->
                                                                <ul class="list-unstyled mb-6 mb-md-0">
                                                                    <li> <a href="#">测试</a> </li>
                                                                    <li> <a href="#">Chains &amp; Necklaces</a></li>
                                                                    <li> <a href="#">Bangles &amp; Bracelets</a></li>
                                                                    <li> <a href="#">测试</a></li>
                                                                    <li> <a href="#">测试</a></li>
                                                                    <li> <a href="#">Coins &amp; Bars</a></li>
                                                                    <li> <a href="#">Nose Rings &amp; Pins</a></li>
                                                                    <li> <a href="#">Beads &amp; Charms</a></li>
                                                                    <li> <a href="#">测试 Accessories</a></li>
                                                                    <li> <a href="#">测试</a></li>
                                                                </ul>
                                                            </div>
                                                            <div class="col-12 col-md-3 col-sm-6">
                                                                <!-- Heading -->
                                                                <div class="mb-2 font-w-5 text-link">熟食腊味</div>
                                                                <!-- Links -->
                                                                <ul class="list-unstyled mb-0">
                                                                    <li> <a href="#">Running Shoes</a> </li>
                                                                    <li> <a href="#">测试</a></li>
                                                                    <li> <a href="#">Loafers &amp; Moccasins</a></li>
                                                                    <li> <a href="#">Boots</a></li>
                                                                    <li> <a href="#">Formal Shoes</a></li>
                                                                    <li> <a href="#">Hiking Footwear</a></li>
                                                                    <li> <a href="#">测试 Shoes</a></li>
                                                                    <li> <a href="#">Ethnic Footwear</a></li>
                                                                    <li> <a href="#">Fashion 测试</a></li>
                                                                    <li> <a href="#">测试 Flats</a></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-lg-4 d-none d-lg-block pr-2"> <a href="#"><img class="img-fluid rounded-bottom rounded-top" src="assets/images/header-img.jpg" alt="..."></a> </div>
                                                </div>
                                            </div>
                                        </div>
                                    </li>
                                    <li class="nav-item "> <a class="nav-link" href="about-us.html" data-toggle="dropdown">农场养殖</a>

                                    </li>
                                    <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">明星产品</a>
                                        <ul class="dropdown-menu">
                                            <li> <a href="about-us.html">About Us</a> </li>
                                            <li> <a href="login.html">Login</a> </li>
                                            <li> <a href="signup.html">Signup</a> </li>
                                            <li> <a href="forgot-password">Forgot Password</a> </li>
                                            <li> <a href="coming-soon.html">Coming Soon</a> </li>
                                            <li> <a href="error-404.html">404 Error</a> </li>
                                            <li> <a href="faq.html">FAQ</a> </li>
                                            <li> <a href="privacy-policy.html">Privacy Policy</a> </li>
                                            <li> <a href="terms-and-conditions.html">Term & Conditions</a> </li>
                                        </ul>
                                    </li>
                                    <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">特色菜谱</a>
                                        <ul class="dropdown-menu">
                                            <li><a href="blog-grid.html">Blog Grid</a> </li>
                                            <li><a href="blog-grid-left.html">Blog Grid Left</a> </li>
                                            <li><a href="blog-grid-right.html">Blog Grid Right</a> </li>
                                            <li><a href="blog-list-left.html">Blog List Left</a> </li>
                                            <li><a href="blog-list-right.html">Blog List Right</a> </li>
                                            <li><a href="blog-detail.html">Blog Detail</a> </li>
                                            <li><a href="blog-detail-left.html">Blog Detail Left</a> </li>
                                            <li><a href="blog-detail-right.html">Blog Detail Right</a> </li>
                                        </ul>
                                    </li>
                                    <li class="nav-item"> <a class="nav-link" href="about-us.html">关于我们</a> </li>
                                </ul>
                            </div>
                            <div class="right-nav align-items-center d-flex justify-content-end">
                                <div class="mr-1 mr-sm-3 search-block"> <a href="javascript:void(0);" class="search_trigger ml-3"></a>
                                    <div class="search_wrap container"> <span class="close-search"><i class="ion-ios-close-empty"></i></span>
                                        <form>
                                            <input type="text" placeholder="Search" class="form-control" id="search_input">
                                            <button type="submit" class="search_icon"><i class="las la-search"></i></button>
                                        </form>
                                    </div>
                                </div>
                                <a class="mr-1 mr-sm-3" href="my-account.html"><i class="las la-user-alt"></i></a>
                                <div class="dropdown cart_dropdown"> <a class="d-flex align-items-center" href="#"> <span class="bg-white pr-2 pl-0 py-1 rounded" data-cart-items="2"> <i class="las la-shopping-bag"></i> </span> </a>
                                    <div class="cart_box dropdown-menu dropdown-menu-right">
                                        <ul class="cart_list">
                                            <li> <a href="#" class="item_remove"><i class="ion-ios-close-empty"></i></a> <a href="#"><img src="assets/images/product/p8.jpg" alt="cart_thumb1">招牌黑猪排骨</a> <span class="cart_quantity"> 1 x <span class="cart_amount"> <span class="price_symbole">$</span></span>69.00</span> </li>
                                            <li> <a href="#" class="item_remove"><i class="ion-ios-close-empty"></i></a> <a href="#"><img src="assets/images/product/p12.jpg" alt="cart_thumb2">招牌黑猪前腿</a> <span class="cart_quantity"> 1 x <span class="cart_amount"> <span class="price_symbole">$</span></span>81.00</span> </li>
                                        </ul>
                                        <!-- 购物车提交 -->
                                        <div class="cart_footer">
                                            <p class="cart_total"><strong>总金额:</strong> <span class="cart_price"> <span class="price_symbole">$</span></span>150.00</p>
                                            <p class="cart_buttons" ><a href="shopping-cart.html" class="btn btn-secondary view-cart ml-2 mr-2">查看购物车</a><a href="localhost:8091/alipay" class="btn btn-primary ml-2 mr-2 checkout" onclick="itempay()">付款</a></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </nav>
                    </div>
                    <!--menu end-->

                </div>
      </div>
    </div>
  </header>

<!--header end-->


<!--hero section start-->

<section class="bg-light py-6">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-md-6">
        <h1 class="h2 mb-0">My Account</h1>
      </div>
      <div class="col-md-6 mt-3 mt-md-0">
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb justify-content-md-end bg-transparent p-0 m-0">
            <li class="breadcrumb-item"><a class="link-title" href="#">Home</a>
            </li>
            <li class="breadcrumb-item"><a class="link-title" href="#">Shop</a></li>
            <li class="breadcrumb-item active text-primary" aria-current="page">My Account</li>
          </ol>
        </nav>
      </div>
    </div>
    <!-- / .row -->
  </div>
  <!-- / .container -->
</section>

<!--hero section end--> 


<!--body content start-->

<div class="page-content">

<section class="dashboard-page">
  <div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-4">
                <div class="dashboard_menu">
                    <ul class="nav nav-tabs border-0 flex-column" role="tablist">
                      <li class="nav-item">
                        <a class="nav-link active" id="dashboard-tab" data-toggle="tab" href="#dashboard" role="tab" aria-controls="dashboard" aria-selected="false">
                        Dashboard</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" id="orders-tab" data-toggle="tab" href="#orders" role="tab" aria-controls="orders" aria-selected="false">
                        My Orders</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" id="address-tab" data-toggle="tab" href="#address" role="tab" aria-controls="address" aria-selected="true">
                       My Address</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" id="account-detail-tab" data-toggle="tab" href="#account-detail" role="tab" aria-controls="account-detail" aria-selected="true">
                      Account details</a>
                      </li>
                      <li class="nav-item">
                        <a class="nav-link" href="login.html">Logout</a>
                      </li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-9 col-md-8 mt-5 mt-lg-0 mt-md-0">
                <div class="tab-content dashboard_content">
                  	<div class="tab-pane fade active show" id="dashboard" role="tabpanel" aria-labelledby="dashboard-tab">
                    	<div class="card border-0">
                        	
                            <div class="card-body">
                    			<div class="welcome-msg">
                <h6>Hello, john doe!</h6>
                <p>From your My Account Dashboard you have the ability to view a snapshot of your recent account activity and update your account information. Select a link below to view or edit information.</p>
              </div>
                            </div>
                        </div>
                  	</div>
                  	<div class="tab-pane fade" id="orders" role="tabpanel" aria-labelledby="orders-tab">
                    	<div class="card border-0">
                                <h5 class="font-w-6">My Orders</h5>
                            <div class="card-body">
                    			<div class="table-responsive">
                                    <table class="table">
                                        <thead>
                                            <tr>
                                                <th>Order</th>
                                                <th>Date</th>
                                                <th>Status</th>
                                                <th>Total</th>
                                                <th>Actions</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td>#7894</td>
                                                <td>June 19, 2020</td>
                                                <td>Processing</td>
                                                <td>$59.00 for 1 item</td>
                                                <td><a href="#" class="btn btn-fill-out btn-sm">View</a></td>
                                            </tr>

                                            <tr>
                                                <td>#2366</td>
                                                <td>June 26, 2020</td>
                                                <td>Completed</td>
                                                <td>$157.00 for 1 item</td>
                                                <td><a href="#" class="btn btn-fill-out btn-sm">View</a></td>
                                            </tr>
                                            <tr>
                                                <td>#7894</td>
                                                <td>June 19, 2020</td>
                                                <td>Processing</td>
                                                <td>$59.00 for 1 item</td>
                                                <td><a href="#" class="btn btn-fill-out btn-sm">View</a></td>
                                            </tr>

                                            <tr>
                                                <td>#2366</td>
                                                <td>July 18, 2020</td>
                                                <td>Completed</td>
                                                <td>$985.00 for 1 item</td>
                                                <td><a href="#" class="btn btn-fill-out btn-sm">View</a></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                  	</div>
					<div class="tab-pane fade" id="address" role="tabpanel" aria-labelledby="address-tab">
                    	<div class="row">
                        	<div class="col-lg-6">
                                <div class="card mb-3 mb-lg-0 border-0">
                                         <h5 class="font-w-6">Billing Address</h5>
                                    <div class="card-body">
                      <address>
                        jhon doe<br>
                        Street road<br>
                        AL,  Alabama, 42136<br>
                        United States<br>
                        T: 4563 <br>
                          </address>
                        <a href="#">Edit Address</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="card border-0">
                                    <h5 class="font-w-6">Shipping Address</h5>
                              
                                    <div class="card-body">
                      <address>
                        Stephen Smith<br>
                        Street road<br>
                        AL,  Alabama, 42136<br>
                        United States<br>
                        T: 4563 <br>
                        </address>
                                        <a href="#">Edit Address</a>
                                    </div>
                                </div>
                            </div>
                        </div>
					</div>
                    <div class="tab-pane fade" id="account-detail" role="tabpanel" aria-labelledby="account-detail-tab">
						<div class="card border-0">
                           <h5 class="font-w-6">Account Details</h5>
                            <div class="card-body">
                    			<p>Already have an account? <a href="#">Login</a></p>
                                <form method="post" name="enq">
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                        	<label>First Name <span class="required">*</span></label>
                                            <input required class="form-control" name="name" type="text">
                                         </div>
                                         <div class="form-group col-md-6">
                                        	<label>Last Name <span class="required">*</span></label>
                                            <input required class="form-control" name="phone">
                                        </div>
                                        <div class="form-group col-md-12">
                                        	<label>Display Name <span class="required">*</span></label>
                                            <input required class="form-control" name="dname" type="text">
                                        </div>
                                        <div class="form-group col-md-12">
                                        	<label>Email Address <span class="required">*</span></label>
                                            <input required class="form-control" name="email" type="email">
                                        </div>
                                        <div class="form-group col-md-12">
                                        	<label>Current Password <span class="required">*</span></label>
                                            <input required class="form-control" name="password" type="password">
                                        </div>
                                        <div class="form-group col-md-12">
                                        	<label>New Password <span class="required">*</span></label>
                                            <input required class="form-control" name="npassword" type="password">
                                        </div>
                                        <div class="form-group col-md-12">
                                        	<label>Confirm Password <span class="required">*</span></label>
                                            <input required class="form-control" name="cpassword" type="password">
                                        </div>
                                        <div class="col-md-12">
                                            <button type="submit" class="btn btn-primary" name="submit" value="Submit">Save</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>






</div>

<!--body content end-->


    <!--底部 start-->

    <footer class="py-11 bg-dark-1">
        <div class="container">
            <div class="row">
                <div class="col-12 col-lg-4"> <a class="footer-logo text-white h2 mb-0" href="index.html"> <img class="img-fluid" src="assets/images/logo001.png" alt=""> </a>

                </div>
                <div class="col-12 col-lg-8 mt-6 mt-lg-0">
                    <h5 style="color: white;">佩奇牧场，专注于提供高品质肉类生产及行业解决方案，通过创新技术引领现代农业革新，为中国消费者提供安全、美味的优质食品。<h5>
                </div>
            </div>
            <div class="row pt-9">
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="d-flex footer-box">
                        <div class="mr-4"> <i class="las la-map-marker-alt ic-2x icon-img"></i> </div>
                        <div>
                            <h6 class="mb-1 text-white font-w-5">公司地址</h6>
                            <p class="mb-0 font-w-4 text-muted">广东省珠海市</p>
                            <p>香洲区国贸大厦88楼 佩奇牧场</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="d-flex footer-box">
                        <div class="mr-4"> <i class="las la-envelope ic-2x icon-img"></i> </div>
                        <div>
                            <h6 class="mb-1 text-white font-w-5">联系邮箱</h6>
                            <a class="text-muted font-w-4" href="mailto:themeht23@gmail.com"> pagepigmc@gmail.com</a><br>
                            <a class="text-muted font-w-4" href="mailto:themeht23@gmail.com"> pqmc@gmail.com</a> </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-12 col-sm-12 mt-md-3 mt-lg-0">
                    <div class="d-flex footer-box">
                        <div class="mr-4"> <i class="las la-mobile ic-2x icon-img"></i> </div>
                        <div>
                            <h6 class="mb-1 text-white font-w-5">联系我们</h6>
                            <p class="mb-0 font-w-4 text-muted">   24/7客服<br>
                                +400 888 2333 </p>
                        </div>
                    </div>
                </div>
            </div>
            <div >
                <br><br />
                <div style="text-align: center;color: white;"><small>Copyright ©&copy; 2020 佩奇牧场  pqmc.xyz All Rights Reserved</small> </div>
            </div>
    </footer>

 
<!--back-to-top start-->

<div class="scroll-top"><a class="smoothscroll" href="#top"><i class="las la-angle-up"></i></a></div>

<!--back-to-top end-->

<!-- inject js start -->

<script src="assets/js/jquery-3.5.1.min.js"></script> <script src="assets/js/popper.min.js"></script> 
<script src="assets/js/bootstrap.min.js"></script> 
<script src="assets/js/owl.carousel.min.js"></script> 
<script src="assets/js/light-slider.js"></script> 
<script src="assets/js/parallax.js"></script> 
<script src="assets/js/magnific-popup.min.js"></script> 
<script src="assets/js/jquery.countdown.min.js"></script> 
<script src="assets/js/jquery.dd.min.js"></script> 
<script src="assets/js/validator.js"></script> 
<script src="assets/js/wow.js"></script> 
<script src="assets/js/theme-script.js"></script> 

<!-- inject js end -->

</body>
</html>
